<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('已回访电话工单')"/>
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>
<style>
    .bootstrap-tagsinput > input {
        display: none;
    }
</style>

<body style="background-color: #F4F6FA">
<div class="main-content" style="margin: 0;padding: 0">

    <form id="form-user-add" class="form-horizontal" style="background-color: #F4F6FA">

        <div class="col-sm-12" style="display: flex">
            <div class="col-sm-12 entering-page">
                <!--    工单概况    -->
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">工单概况</h4>
                </div>
                <!-- 主题,工单性质..-->
                <div class="col-sm-12 work-top">
                    <div class="form-group col-sm-6">
                        <label>主题</label>
                        <input type="text" name="wsTopic" class="form-control" id="subject" placeholder="请输入名称" disabled>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>工单编号</label>
                        <input type="text" name="wsTopic" class="form-control" id="workSerial" placeholder="请输入名称" disabled>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>工单性质</label>
                        <select name="phoneCategory" id="workCharacter" class="form-control m-b phoneCategory" disabled>
                            <option value="">-请选择-</option>
                            <option value="11" selected>普通工单</option>
                            <option value="21">督办工单</option>
                            <option value="31">呈批工单</option>
                        </select>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>拟办期限</label>
                        <input type="text" class="form-control reply" id="reply" placeholder="请输入名称" disabled>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>来电人</label>
                        <input type="text" name="CallPerson" class="form-control" id="CallPerson" placeholder="请输入名称" disabled>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>联系电话</label>
                        <input type="text" name="phone" class="form-control" id="phone" placeholder="请输入名称" disabled>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>工单备注</label>
                        <input type="text" name="phone" class="form-control" id="workRemark" placeholder="请输入名称" disabled>
                    </div>
                </div>
                <!--工单内容-->
                <div class="col-sm-12">
                    <div class="col-sm-8">
                        <div class="form-group">
                            <label class="col-xs-12 entering-pd">工单内容：</label>
                        </div>
                    </div>
                    <textarea name="workRemark" maxlength="1000" class="form-control workRemark" rows="3"
                              style="height: 150px" disabled></textarea>
                </div>
                <!--回复意见-->
                <div class="col-sm-12" style="margin-top: 15px">
                    <div class="col-sm-8">
                        <div class="form-group">
                            <label class="col-xs-12 entering-pd">回复意见：</label>
                        </div>
                    </div>
                    <textarea name="returnReason" maxlength="1000" class="form-control returnReason" rows="3"
                              style="height: 150px" disabled></textarea>
                </div>


                <!--    回访情况    -->
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">回访情况</h4>
                </div>

                <div class="col-sm-12">
                    <table id="table"></table>
                </div>
                <!--按钮-->
                <div class="col-sm-12" style="display: flex;justify-content: space-around;margin-bottom: 10px; margin-top: 15px">
                    <div class="col-sm-4" style="display: flex;justify-content: space-evenly;">
                        <button type="button" class="btn btn-info">强制结束</button>
                        <button type="button" class="btn btn-success">重新派单</button>
                    </div>
                </div>

            </div>


        </div>

    </form>


</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/jquery-jqPaginator/jqPaginator.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/deptdiag.js}"></script>


<script>
    var prefix = ctx + "system/sendBack";
    let pkId = window.parent.$('#pkId').val();
    let getDealPk = window.parent.$('#getDealPk').val();

    function submitHandler() {
        if ($.validate.form()) {
            let data = $('#form-user-add').serializeArray();
            data.push({name: "getDealPk", value: getDealPk});
            data.push({name: "wfId", value: pkId});
            $.operate.save(prefix + '/simulacrum', data);
        }
    }
    $('#table').bootstrapTable({
        url: 'data1.json',
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父子表
        columns: [{
            field: 'id',
            title: '评价人'
        }, {
            field: 'setProId',
            title: '时间'
        }, {
            field: 'tbDealWayX',
            title: '回访否'
        },{
            field: 'price',
            title: '问题解决'
        },{
            field: 'sdeptName',
            title: '满意度'
        },{
            field: 'price',
            title: '回访意见'
        }]
    });
</script>
</body>
</html>

